@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

.container {
  width: 100%;
  max-width: 1200px;
}

/* 设置滚动条整体样式 */
::-webkit-scrollbar {
  width: 10px;
  /* 垂直滚动条宽度 */
  height: 10px;
  /* 水平滚动条高度 */
}

/* 设置滚动条轨道样式 */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* 轨道背景颜色 */
}

/* 设置滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  background: #d3d3d3;
  /* 滑块背景颜色 */
  border-radius: 5px;
  /* 滑块圆角 */
}

/* 鼠标悬停在滑块上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
  /* 悬停时滑块背景颜色 */
}
